import React, { Component } from 'react';
import { Table, Tag, Space } from 'antd';
import styles from './index.less';
import rank1 from '../../img/rank1.png';
import rank2 from '../../img/rank2.png';
import rank3 from '../../img/rank3.png';

export default class EnvironmentNotDO extends Component {
  componentDidMount() {}

  render() {
    const columns = [
      {
        title: '序号',
        dataIndex: 'number',
        key: 'number',
        render: text => <div className="rank">{text}</div>,
      },
      {
        title: '名称职位',
        dataIndex: 'namePosition',
        key: 'namePosition',
      },
      {
        title: '指标',
        dataIndex: 'target',
        key: 'target',
      },
      {
        title: '等级',
        dataIndex: 'level',
        key: 'level',
      },
      {
        title: '多少时间',
        dataIndex: 'howLongTime',
        key: 'howLongTime',
      },
    ];
    const data = [
      {
        id: 1,
        number: 1,
        namePosition: 'XX工场',
        target: '飞灰',
        level: '三级',
        howLongTime: '2022/03/07 13:01',
      },
      {
        id: 2,
        number: 2,
        namePosition: 'XX工场',
        target: '飞灰',
        level: '三级',
        howLongTime: '2022/03/07 13:01',
      },
      {
        id: 3,
        number: 3,
        namePosition: 'XX工场',
        target: '飞灰',
        level: '三级',
        howLongTime: '2022/03/07 13:01',
      },
      {
        id: 4,
        number: 4,
        namePosition: 'XX工场',
        target: '飞灰',
        level: '三级',
        howLongTime: '2022/03/07 13:01',
      },
    ];
    return (
      <div className={styles.root}>
        <Table
          pagination={{ position: ['none'] }}
          rowKey={data => data.id}
          columns={columns}
          dataSource={data}
        />
      </div>
    );
  }
}
